<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>求婚钻戒官网-男士一生仅能定制一枚title>

</head>
<body>
<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Home</title>
      <!--Favicons-->
      <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
      <meta name="msapplication-TileColor" content="#ffffff">
      <meta name="theme-color" content="#ffffff">
      <!--Bootstrap and Other Vendors-->
      <link rel="stylesheet" href="css/bootstrap.min.css">
      <link rel="stylesheet" href="css/bootstrap-theme.min.css">
      <link rel="stylesheet" href="css/fontawesome-all.min.css">
      <link rel="stylesheet" href="vendors/owl.carousel/css/owl.carousel.min.css">
       
      <link rel="stylesheet" type="text/css" href="vendors/flexslider/flexslider.css" media="screen" />
      <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
      <!--Mechanic Styles-->
      <link rel="stylesheet" href="css/style.css">
      <link rel="stylesheet" href="css/responsive.css">
      <!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>


      <a href="#" id="back-to-top" title="Back to top">&uarr;</a>
      <header class="row" id="header">
         <div class="row m0 logo_line">
            <div class="container">
               <div class="row">
                  <div class="col-sm-5 logo">
                     <a href="Home.jsp" class="logo_a"><img src="images/logo_2020.png" alt="D-shine">
                     </a>
                  </div>
                  <div class="col-sm-7 searchSec">
                     <div class="col-sm-12">
                        <div class="fright wishlistCompare">
                           <ul class="nav">
                              <li>
                                 <a href="wode.jsp">
                                 <span class="wish">
                                 <i class="fas fa-heart"></i>
                                 </span>
                                 <span>我的</span>
                                 </a>
                              </li>
                              <li class="h_cart">
                                 <a href="denglu.jsp">
                                 <span class="wish">
                                 <i class="fas fa-gem"></i>
                                 </span>
                                 <span>登录</span>
                                 </a>
                                 <div class="hclist">
                                    <div class="table-responsive">
                                       <table class="table">
                                          <thead>
                                             <tr>
                                                <th class="productImage">Product image</th>
                                                <th class="productName">Product name</th>
                                                <th></th>
                                             </tr>
                                          </thead>
                                          <tbody>
                                             <tr class="alert" role="alert">
                                                <td class="productImage"><img src="images/product/single/l1.png" alt=""></td>
                                                <td class="productName">
                                                   <h6 class="heading">Gold Plated Charm</h6>
                                                   <div class="input-group spinner">
                                                      <input class="form-control" value="1" type="text">
                                                      <div class="input-group-btn-vertical">
                                                         <button class="btn btn-default"><i class="fas fa-angle-up"></i></button>
                                                         <button class="btn btn-default"><i class="fas fa-angle-down"></i></button>
                                                      </div>
                                                   </div>
                                                </td>
                                                <td><a href="#" class="edit" data-dismiss="alert" aria-label="Close"><i class="far fa-trash-alt"></i></a></td>
                                             </tr>
                                             <tr class="alert" role="alert">
                                                <td class="productImage"><img src="images/product/single/l1.png" alt=""></td>
                                                <td class="productName">
                                                   <h6 class="heading">Zephyrr Stones</h6>
                                                   <div class="input-group spinner">
                                                      <input class="form-control" value="1" type="text">
                                                      <div class="input-group-btn-vertical">
                                                         <button class="btn btn-default"><i class="fas fa-angle-up"></i></button>
                                                         <button class="btn btn-default"><i class="fas fa-angle-down"></i></button>
                                                      </div>
                                                   </div>
                                                </td>
                                                <td><a href="#" class="edit" data-dismiss="alert" aria-label="Close"><i class="far fa-trash-alt"></i></a></td>
                                             </tr>
                                          </tbody>
                                       </table>
                                    </div>
                                 </div>
                              </li>
                           </ul>
                        </div>
                     </div>
                     <div class="col-sm-12">
                        <div class="fright searchForm">
                           <form action="#" method="get">
                              <div class="input-group">
                                 <input type="hidden" name="search_param" value="all" id="search_param">
                                 <input type="search" class="form-control" placeholder="输入身份证，查看真爱承诺">
                                 <span class="input-group-btn searchIco">
                                 <button class="btn btn-default" type="submit"><i class="fas fa-search"></i></button>
                                 </span>
                              </div>
                              <!-- /input-group -->
                           </form>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <nav class="navbar navbar-default m0 navbar-static-top">
            <div class="container-fluid container">
               <!-- Brand and toggle get grouped for better mobile display -->
               <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mainNav">
                  <i class="fas fa-bars"></i> MENU
                  </button>
               </div>
               <!-- Collect the nav links, forms, and other content for toggling -->
               <div class="collapse navbar-collapse" id="mainNav">
                  <ul class="nav navbar-nav">
                     <li class="active dropdown">
                        <a class="dropdown-toggle pinpai" data-toggle="dropdown" role="button" aria-expanded="false">品牌故事</a>
                        <ul class="dropdown-menu" role="menu">
                           <li class="active"><a href="index.html">Home Default</a></li>
                           <li><a href="index2.html">Home 2 - Menu 2</a></li>
                           <li><a href="index3.html">Home 3 - Menu 3</a></li>
                        </ul>
                     </li>
                     <li><a href="qiuhun.jsp">求婚钻戒</a></li>
                     <li class="dropdown">
                        <a class="dropdown-toggle liwu" data-toggle="dropdown" role="button" aria-expanded="false">结婚对戒</a>
                        <ul class="dropdown-menu" role="menu">
                           <li><a href="blog.html">Blog</a></li>
                           <li><a href="single-post.html">Single Post</a></li>
                           <li><a href="shortcodes.html">Shortcodes</a></li>
                           <li><a href="innerpage-dark.html">Inner Page Dark</a></li>
                           <li><a href="404.html">404</a></li>
                        </ul>
                     </li>
                     <li class="dropdown megaMenu">
                        <a class="dropdown-toggle duijie" data-toggle="dropdown" role="button" aria-expanded="false">真爱礼物</a>
                        <ul class="dropdown-menu row m0" role="menu">
                           <li class="listMenu">
                              <div class="row listTitle">Jewelery &amp; sectionals</div>
                              <ul class="nav megaInnerMenu">
                                 <li><a href="#">wedding ring</a></li>
                                 <li><a href="#">pendant</a></li>
                                 <li><a href="#">nosering</a></li>
                                 <li><a href="#">necklace</a></li>
                                 <li><a href="#">medallion</a></li>
                                 <li><a href="#">engagement ring</a></li>
                                 <li><a href="#">costume jewellery</a></li>
                                 <li><a href="#">brooch</a></li>
                                 <li><a href="#">signet ring</a></li>
                              </ul>
                           </li>
                           <li class="listMenu">
                              <div class="row listTitle">shop by collections</div>
                              <ul class="nav megaInnerMenu">
                                 <li><a href="#">Ring</a></li>
                                 <li><a href="#">Bracelet</a></li>
                                 <li><a href="#">Bangle</a></li>
                                 <li><a href="#">Link, Chain</a></li>
                                 <li><a href="#">Stud</a></li>
                                 <li><a href="#">Ear-Ring, Tops</a></li>
                                 <li><a href="#">Brooch</a></li>
                              </ul>
                           </li>
                           <li class="boxMenu">
                              <div class="row listTitle">
                                 shop by categories <a href="product.html">shop all <i class="fas fa-caret-right"></i></a>
                              </div>
                              <ul class="nav megaInnerMenu row m0">
                                 <li>
                                    <a href="product2.html">
                                       <div class="row m0 imgHov">
                                          <img src="images/menu/1.png" alt="">
                                          <div class="row m0 hovCnt">
                                             <div class="row m0 hovCntInner">
                                                shop now <i class="fas fa-caret-right"></i>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row m0 menuTitle">Earrings</div>
                                    </a>
                                 </li>
                                 <li>
                                    <a href="product.html">
                                       <div class="row m0 imgHov">
                                          <img src="images/menu/2.png" alt="">
                                          <div class="row m0 hovCnt">
                                             <div class="row m0 hovCntInner">
                                                shop now <i class="fas fa-caret-right"></i>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row m0 menuTitle">Brooch</div>
                                    </a>
                                 </li>
                                 <li>
                                    <a href="product2.html">
                                       <div class="row m0 imgHov">
                                          <img src="images/menu/3.png" alt="">
                                          <div class="row m0 hovCnt">
                                             <div class="row m0 hovCntInner">
                                                shop now <i class="fas fa-caret-right"></i>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row m0 menuTitle">Necklace</div>
                                    </a>
                                 </li>
                              </ul>
                           </li>
                        </ul>
                     </li>
                     <li class="dropdown">
                        <a class="dropdown-toggle tiyan" data-toggle="dropdown" role="button" aria-expanded="false">真爱体验店</a>
                        <ul class="dropdown-menu" role="menu">
                           <li><a href="product.html">Products</a></li>
                           <li><a href="product2.html">Products 2</a></li>
                           <li><a href="single-product.html">Single Product</a></li>
                           <li><a href="catalog.html">Catalog</a></li>
                           <li><a href="cart.html">Cart</a></li>
                           <li><a href="checkout.html">Checkout</a></li>
                        </ul>
                     </li>
                     <li><a href="#">DR真爱婚礼</a></li>
                     <li><form action="#" id="theshy" method="get">
                              <div class="input-group1">
                                 <input type="hidden" name="search_param" value="all" id="search_param">
                                 <input type="search" class="form-control" placeholder="请输入商品名称">
                                 <span class="input-group-btn  Ico">
                                 <button id="but"  type="submit"><img src="images/sousuo.png" ></img></button>
                                
                                
                                 </span>
                              </div>
                              <!-- /input-group -->
                           </form></li>
                     
                     <li class="offers_navbtn" ><a href="#"><i class="fas fa-gift"></i>Surprise</a></li>
                  </ul>
               </div>
               <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
         </nav>
      </header>
      <!--Header-->
      <section id="slider" class="row">
         <div class="row sliderCont flexslider m0">
            <ul class="slides nav">
               <li>
                  <img src="images/slider/1.jpg" alt="">
                  <div class="text_lines row m0">
                     <div class="container p0 text-right">
                        <h3>traditional costume jewellery</h3>
                        <h2>new collections</h2>
                        <h4><a class="theme_btn with_i" href="#"><i class="fas fa-plus-circle"></i>Shop now</a></h4>
                     </div>
                  </div>
                  <!--Text Lines-->
               </li>
               <li>
                  <img src="images/slider/3.jpg" alt="">
                  <div class="text_lines row m0">
                     <div class="container p0 text-left">
                        <h3>exquisite Designer Rings</h3>
                        <h2>new collections</h2>
                        <h4><a class="theme_btn with_i" href="#"><i class="fas fa-plus-circle"></i>Shop now</a></h4>
                     </div>
                  </div>
                  <!--Text Lines-->
               </li>
               <li>
                  <img src="images/slider/5.jpg" alt="">
                  <div class="text_lines row m0">
                     <div class="container p0">
                        <h3>traditional Designer Jwellery</h3>
                        <h2>new collections</h2>
                        <h4><a class="theme_btn with_i" href="#"><i class="fas fa-plus-circle"></i>Shop now</a></h4>
                     </div>
                  </div>
                  <!--Text Lines-->
               </li>
               <li>
                  <img src="images/slider/4.jpg" alt="">
                  <div class="text_lines row m0">
                     <div class="container p0 text-left">
                        <h3>Find your perfect diamond</h3>
                        <h2>By D-Shine</h2>
                        <h4><a class="theme_btn with_i" href="#"><i class="fas fa-plus-circle"></i>Shop now</a></h4>
                     </div>
                  </div>
                  <!--Text Lines-->
               </li>
            </ul>
         </div>
      </section>
      <!--Slider-->
      <section id="ring_sec" class="ring_sec">
         <div id="trigger" class="container ">
            <div class="row">
               <div class="col-md-6  diamond_j_cont">
                  <div  class="diamond_j">
                  </div>
                  <div class="diamond_b">
                     <img alt="" class="img-responsive"  src="images/ring.png">
                  </div>
               </div>
               <div   class="col-md-6  ring_cont">
                  <h2>About D-shine</h2>
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pellentesque, diam viverra lacinia sodales, elit turpis consequat sapien, nec feugiat ex urna quis libero. Sed vel purus iaculis, lobortis neque vel, commodo enim. Quisque sollicitudin arcu ullamcorper libero consectetur commodo. </p>
                  <p>
                     lobortis neque vel, commodo enim!
                  </p>
                  <a  class="com_btn" href="product.html">Start shopping</a>
               </div>
            </div>
         </div>
      </section>
      <section id="shopRings">
         <div class="sectionTitle">
            <h3>New arrivels</h3>
            <h5>know more about our latest collection</h5>
         </div>
         <div class="d-carousel-cener owl-carousel">
            <div class="dc-inner">
               <a href="shoppingInfo.jsp">
                  <img alt="ring" src="images/carousel/1.png" >
                  <div class="dc-containt">
                     <h2>Cushion</h2>
                     <p>Bar Set Anniversary Ring</p>
                  </div>
               </a>
            </div>
            <div class="dc-inner">
               <a href="single-product.html">
                  <img alt="ring" src="images/carousel/2.png" >
                  <div class="dc-containt">
                     <h2>Round</h2>
                     <p>Bar Set Anniversary Ring</p>
                  </div>
               </a>
            </div>
            <div class="dc-inner">
               <a href="single-product.html">
                  <img alt="ring" src="images/carousel/3.png" >
                  <div class="dc-containt">
                     <h2>Pear</h2>
                     <p>Bar Set Anniversary Ring</p>
                  </div>
               </a>
            </div>
            <div class="dc-inner">
               <a href="single-product.html">
                  <img alt="ring" src="images/carousel/4.png" >
                  <div class="dc-containt">
                     <h2>Radiant</h2>
                     <p>Bar Set Anniversary Ring</p>
                  </div>
               </a>
            </div>
            <div class="dc-inner">
               <a href="single-product.html">
                  <img alt="ring" src="images/carousel/5.png" >
                  <div class="dc-containt">
                     <h2>Ovel</h2>
                     <p>Bar Set Anniversary Ring</p>
                  </div>
               </a>
            </div>
         </div>
      </section>
      
      <section id="shopFeatures_new">
         <div class=" shopFeatures_new container">
            <ul>
               <li class="sf_first">
                  <img alt="" class="img-responsive"  src="images/feature/1.jpg">
                  <div class="sf_box">
                     <div class="sf_box_inner">
                        <h2>free shipping</h2>
                        <h3>on orders over $299</h3>
                        <p>This offer is valid on all our store items</p>
                     </div>
                  </div>
               </li>
               <li>
                  <a href="product.html">
                     <img alt="" class="img-responsive"  src="images/feature/2.jpg">
                     <div class="sf_box">
                        <div class="sf_box_inner">
                           <h3>shop & save</h3>
                           <p>On all our store items</p>
                        </div>
                     </div>
                  </a>
               </li>
               <li>
                  <a href="catalog.html">
                     <img alt="" class="img-responsive"  src="images/feature/3.jpg">
                     <div class="sf_box">
                        <div class="sf_box_inner">
                           <h3>Product catalog</h3>
                        </div>
                     </div>
                  </a>
               </li>
               <li>
                  <a href="product.html">
                     <img alt="" class="img-responsive"  src="images/feature/4.jpg">
                     <div class="sf_box">
                        <div class="sf_box_inner">
                           <h3>product list</h3>
                           <p>Lorem ipsum dolor sit amet</p>
                        </div>
                     </div>
                  </a>
               </li>
            </ul>
         </div>
      </section>
      <section id="featureProducts" class="row contentRowPad">
         <div class="container">
            <div class="row sectionTitle">
               <h3>featured products</h3>
               <h5>know more about our latest collection</h5>
            </div>
            <div class="row">
               <div class="col-sm-3 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <img src="images/product/1.png" alt="">
                        <div class="row m0 hovArea">
                           <div class="row m0 icons">
                              <ul class="list-inline">
                                 <li><a href="#"><i class="fas fa-heart"></i></a></li>
                                 <li><a href="#"><i class="fas fa-shopping-cart-alt"></i></a></li>
                                 <li><a href="#"><i class="fas fa-expand"></i></a></li>
                              </ul>
                           </div>
                           <div class="row m0 proType"><a href="#">Baccarat</a></div>
                           <div class="row m0 proRating">
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                           </div>
                           <div class="row m0 proPrice"><i class="fas fa-usd"></i>125.00</div>
                        </div>
                     </div>
                     <div class="row m0 proName"><a href="single-product.html">Curabitur cursus dignis</a></div>
                     <div class="row m0 proBuyBtn">
                        <button class="addToCart btn">add to cart</button>
                     </div>
                  </div>
               </div>
               <div class="col-sm-3 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <img src="images/product/2.png" alt="">
                        <div class="row m0 hovArea">
                           <div class="row m0 icons">
                              <ul class="list-inline">
                                 <li><a href="#"><i class="fas fa-heart"></i></a></li>
                                 <li><a href="#"><i class="fas fa-shopping-cart-alt"></i></a></li>
                                 <li><a href="#"><i class="fas fa-expand"></i></a></li>
                              </ul>
                           </div>
                           <div class="row m0 proType"><a href="#">Baccarat</a></div>
                           <div class="row m0 proRating">
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                           </div>
                           <div class="row m0 proPrice"><i class="fas fa-usd"></i>125.00</div>
                        </div>
                     </div>
                     <div class="row m0 proName"><a href="single-product.html">Donec aliquam</a></div>
                     <div class="row m0 proBuyBtn">
                        <a class="addToCart btn" href="#">add to cart</a>
                     </div>
                  </div>
               </div>
               <div class="col-sm-3 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <img src="images/product/3.png" alt="">
                        <div class="row m0 hovArea">
                           <div class="row m0 icons">
                              <ul class="list-inline">
                                 <li><a href="#"><i class="fas fa-heart"></i></a></li>
                                 <li><a href="#"><i class="fas fa-shopping-cart-alt"></i></a></li>
                                 <li><a href="#"><i class="fas fa-expand"></i></a></li>
                              </ul>
                           </div>
                           <div class="row m0 proType"><a href="#">Baccarat</a></div>
                           <div class="row m0 proRating">
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                           </div>
                           <div class="row m0 proPrice"><i class="fas fa-usd"></i>125.00</div>
                        </div>
                     </div>
                     <div class="row m0 proName"><a href="single-product.html">Gravida est</a></div>
                     <div class="row m0 proBuyBtn">
                        <button class="addToCart btn">add to cart</button>
                     </div>
                  </div>
               </div>
               <div class="col-sm-3 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <img src="images/product/4.png" alt="">
                        <div class="row m0 hovArea">
                           <div class="row m0 icons">
                              <ul class="list-inline">
                                 <li><a href="#"><i class="fas fa-heart"></i></a></li>
                                 <li><a href="#"><i class="fas fa-shopping-cart-alt"></i></a></li>
                                 <li><a href="#"><i class="fas fa-expand"></i></a></li>
                              </ul>
                           </div>
                           <div class="row m0 proType"><a href="#">Baccarat</a></div>
                           <div class="row m0 proRating">
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                           </div>
                           <div class="row m0 proPrice"><i class="fas fa-usd"></i>125.00</div>
                        </div>
                     </div>
                     <div class="row m0 proName"><a href="single-product.html">Maximus quam posuere</a></div>
                     <div class="row m0 proBuyBtn">
                        <button class="addToCart btn">add to cart</button>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--Feature Products 4 Collumn-->
      <section id="featureCategory" class="row contentRowPad">
         <div class="container">
            <div class="row m0 sectionTitle">
               <h3>our featured categories</h3>
               <h5>make easy shop with our categories</h5>
            </div>
            <div class="owl-carousel featureCats row m0">
               <div class="item">
                  <div class="row m0 imgHov">
                     <img src="images/product/category/20.png" alt="">
                     <div class="row m0 hovArea">
                        <i class="fas fa-heart-o"></i><br>
                        <h4>11 items</h4>
                        <a href="product.html">shop now</a>
                     </div>
                  </div>
                  <div class="cat_h">
                     <a href="product.html">
                        <h4>Bracelets</h4>
                        <span>See the Collection</span>
                     </a>
                  </div>
               </div>
               <div class="item">
                  <div class="row m0 imgHov">
                     <img src="images/product/category/17.png" alt="">
                     <div class="row m0 hovArea">
                        <i class="fas fa-heart-o"></i><br>
                        <h4>21 items</h4>
                        <a href="product.html">shop now</a>
                     </div>
                  </div>
                  <div class="cat_h">
                     <a href="product.html">
                        <h4>Rings</h4>
                        <span>See the Collection</span>
                     </a>
                  </div>
               </div>
               <div class="item">
                  <div class="row m0 imgHov">
                     <img src="images/product/category/18.png" alt="">
                     <div class="row m0 hovArea">
                        <i class="fas fa-heart-o"></i><br>
                        <h4>30 items</h4>
                        <a href="product.html">shop now</a>
                     </div>
                  </div>
                  <div class="cat_h">
                     <a href="product.html">
                        <h4>cNecklaces</h4>
                        <span>See the Collection</span>
                     </a>
                  </div>
               </div>
               <div class="item">
                  <div class="row m0 imgHov">
                     <img src="images/product/category/19.png" alt="">
                     <div class="row m0 hovArea">
                        <i class="fas fa-heart-o"></i><br>
                        <h4>55 items</h4>
                        <a href="product.html">shop now</a>
                     </div>
                  </div>
                  <div class="cat_h">
                     <a href="product.html">
                        <h4>Earrings</h4>
                        <span>See the Collection</span>
                     </a>
                  </div>
               </div>
               <div class="item">
                  <div class="row m0 imgHov">
                     <img src="images/product/category/17.png" alt="">
                     <div class="row m0 hovArea">
                        <i class="fas fa-heart-o"></i><br>
                        <h4>21 items</h4>
                        <a href="product.html">shop now</a>
                     </div>
                  </div>
                  <div class="cat_h">
                     <a href="product.html">
                        <h4>Rings</h4>
                        <span>See the Collection</span>
                     </a>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--Feature Categories-->
      <section id="D-Shine" class="row contentRowPad">
         <div class="container">
            <div class="row sectionTitle">
               <h3>this is D-shine</h3>
               <h5>shop over our best brands</h5>
            </div>
            <div class="row">
               <div class="col-sm-4 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <img src="images/product/5.png" alt="">
                        <div class="row m0 hovArea">
                           <div class="row m0 icons">
                              <ul class="list-inline">
                                 <li><a href="#"><i class="fas fa-heart"></i></a></li>
                                 <li><a href="#"><i class="fas fa-shopping-cart-alt"></i></a></li>
                                 <li><a href="#"><i class="fas fa-expand"></i></a></li>
                              </ul>
                           </div>
                           <div class="row m0 proType"><a href="#">Baccarat</a></div>
                           <div class="row m0 proRating">
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                           </div>
                           <div class="row m0 proPrice"><i class="fas fa-usd"></i>455.00</div>
                        </div>
                     </div>
                     <div class="row m0 proName"><a href="single-product.html">Maximus quam posuerea</a></div>
                     <div class="row m0 proBuyBtn">
                        <button class="addToCart btn">add to cart</button>
                     </div>
                  </div>
               </div>
               <div class="col-sm-4 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <img src="images/product/6.png" alt="">
                        <div class="row m0 hovArea">
                           <div class="row m0 icons">
                              <ul class="list-inline">
                                 <li><a href="#"><i class="fas fa-heart"></i></a></li>
                                 <li><a href="#"><i class="fas fa-shopping-cart-alt"></i></a></li>
                                 <li><a href="#"><i class="fas fa-expand"></i></a></li>
                              </ul>
                           </div>
                           <div class="row m0 proType"><a href="#">Baccarat</a></div>
                           <div class="row m0 proRating">
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                           </div>
                           <div class="row m0 proPrice"><i class="fas fa-usd"></i>830.00</div>
                        </div>
                     </div>
                     <div class="row m0 proName"><a href="single-product.html">Gravida est</a></div>
                     <div class="row m0 proBuyBtn">
                        <a class="addToCart btn" href="#">add to cart</a>
                     </div>
                  </div>
               </div>
               <div class="col-sm-4 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <img src="images/product/7.png" alt="">
                        <div class="row m0 hovArea">
                           <div class="row m0 icons">
                              <ul class="list-inline">
                                 <li><a href="#"><i class="fas fa-heart"></i></a></li>
                                 <li><a href="#"><i class="fas fa-shopping-cart-alt"></i></a></li>
                                 <li><a href="#"><i class="fas fa-expand"></i></a></li>
                              </ul>
                           </div>
                           <div class="row m0 proType"><a href="#">Baccarat</a></div>
                           <div class="row m0 proRating">
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                           </div>
                           <div class="row m0 proPrice"><i class="fas fa-usd"></i>525.00</div>
                        </div>
                     </div>
                     <div class="row m0 proName"><a href="single-product.html">Donec aliquam</a></div>
                     <div class="row m0 proBuyBtn">
                        <button class="addToCart btn">add to cart</button>
                     </div>
                  </div>
               </div>
               <div class="col-sm-4 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <img src="images/product/8.png" alt="">
                        <div class="row m0 hovArea">
                           <div class="row m0 icons">
                              <ul class="list-inline">
                                 <li><a href="#"><i class="fas fa-heart"></i></a></li>
                                 <li><a href="#"><i class="fas fa-shopping-cart-alt"></i></a></li>
                                 <li><a href="#"><i class="fas fa-expand"></i></a></li>
                              </ul>
                           </div>
                           <div class="row m0 proType"><a href="#">Baccarat</a></div>
                           <div class="row m0 proRating">
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                           </div>
                           <div class="row m0 proPrice"><i class="fas fa-usd"></i>1025.00</div>
                        </div>
                     </div>
                     <div class="row m0 proName"><a href="single-product.html">Curabitur cursus dignis</a></div>
                     <div class="row m0 proBuyBtn">
                        <button class="addToCart btn">add to cart</button>
                     </div>
                  </div>
               </div>
               <div class="col-sm-4 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <img src="images/product/9.png" alt="">
                        <div class="row m0 hovArea">
                           <div class="row m0 icons">
                              <ul class="list-inline">
                                 <li><a href="#"><i class="fas fa-heart"></i></a></li>
                                 <li><a href="#"><i class="fas fa-shopping-cart-alt"></i></a></li>
                                 <li><a href="#"><i class="fas fa-expand"></i></a></li>
                              </ul>
                           </div>
                           <div class="row m0 proType"><a href="#">Baccarat</a></div>
                           <div class="row m0 proRating">
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                           </div>
                           <div class="row m0 proPrice"><i class="fas fa-usd"></i>725.00</div>
                        </div>
                     </div>
                     <div class="row m0 proName"><a href="single-product.html">Curabitur cursus dignis</a></div>
                     <div class="row m0 proBuyBtn">
                        <button class="addToCart btn">add to cart</button>
                     </div>
                  </div>
               </div>
               <div class="col-sm-4 product">
                  <div class="productInner row m0">
                     <div class="row m0 imgHov">
                        <img src="images/product/10.png" alt="">
                        <div class="row m0 hovArea">
                           <div class="row m0 icons">
                              <ul class="list-inline">
                                 <li><a href="#"><i class="fas fa-heart"></i></a></li>
                                 <li><a href="#"><i class="fas fa-shopping-cart-alt"></i></a></li>
                                 <li><a href="#"><i class="fas fa-expand"></i></a></li>
                              </ul>
                           </div>
                           <div class="row m0 proType"><a href="#">Baccarat</a></div>
                           <div class="row m0 proRating">
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                              <i class="fas fa-star-o"></i>
                           </div>
                           <div class="row m0 proPrice"><i class="fas fa-usd"></i>825.00</div>
                        </div>
                     </div>
                     <div class="row m0 proName"><a href="single-product.html">Curabitur cursus dignis</a></div>
                     <div class="row m0 proBuyBtn">
                        <button class="addToCart btn">add to cart</button>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--Feature Products 4 Collumn-->
      <section id="testimonialTabs" class="row contentRowPad">
         <div class="container">
            <div class="row sectionTitle">
               <h3>some words from our customers</h3>
               <h5>we satisfied more than 700 customers</h5>
            </div>
            <div class="row">
               <div class="tab-content testiTabContent">
                  <div role="tabpanel" class="tab-pane active" id="testi1">
                     <p><span class="t_q_start">“</span> D-Shine is really excellent site for jewellery. I am very happy with the D-Shine products and dedicated services from them. D-Shine is really excellent site for jewellery. <span class="t_q_end">”</span></p>
                     <h5 class="customerName">Dwayne johnson</h5>
                  </div>
                  <div role="tabpanel" class="tab-pane" id="testi2">
                     <p><span class="t_q_start">“</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum justo accumsan felis faucibus vestibulum. Integer a ex orci. Cras sit amet efficitur nisl, et vestibulum orci. <span class="t_q_end">”</span></p>
                     <h5 class="customerName">Jonh add</h5>
                  </div>
                  <div role="tabpanel" class="tab-pane" id="testi3">
                     <p><span class="t_q_start">“</span> D-Shine is really excellent site for jewellery. I am very happy with the D-Shine products and dedicated services from them. D-Shine is really excellent site for jewellery. <span class="t_q_end">”</span></p>
                     <h5 class="customerName">william parker</h5>
                  </div>
                  <div role="tabpanel" class="tab-pane" id="testi4">
                     <p><span class="t_q_start">“</span> Donec in velit eget lacus convallis dapibus. Nulla ultrices nulla sit amet justo pretium, ut tristique diam ultrices. Nunc efficitur mauris sit amet imperdiet <span class="t_q_end">”</span></p>
                     <h5 class="customerName">Will smith</h5>
                  </div>
                  <div role="tabpanel" class="tab-pane" id="testi5">
                     <p><span class="t_q_start">“</span> D-Shine is really excellent site for jewellery. I am very happy with the D-Shine products and dedicated services from them. D-Shine is really excellent site for jewellery. <span class="t_q_end">”</span></p>
                     <h5 class="customerName">Dwayne johnson</h5>
                  </div>
               </div>
               <ul class="nav nav-tabs" role="tablist" id="testiTab">
                  <li role="presentation" class="active">
                     <a href="#testi1" aria-controls="testi1" role="tab" data-toggle="tab">
                     <img src="images/testimonial/1.png" alt="">
                     </a>
                     <div class="testi_rating">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star-half"></i>
                     </div>
                  </li>
                  <li role="presentation">
                     <a href="#testi2" aria-controls="testi2" role="tab" data-toggle="tab">
                     <img src="images/testimonial/2.png" alt="">
                     </a>
                     <div class="testi_rating">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star-o"></i>
                        <i class="fas fa-star-o"></i>
                     </div>
                  </li>
                  <li role="presentation">
                     <a href="#testi3" aria-controls="testi3" role="tab" data-toggle="tab">
                     <img src="images/testimonial/3.png" alt="">
                     </a>
                     <div class="testi_rating">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                     </div>
                  </li>
                  <li role="presentation">
                     <a href="#testi4" aria-controls="testi4" role="tab" data-toggle="tab">
                     <img src="images/testimonial/4.png" alt="">
                     </a>
                     <div class="testi_rating">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star-o"></i>
                     </div>
                  </li>
                  <li role="presentation">
                     <a href="#testi5" aria-controls="testi5" role="tab" data-toggle="tab">
                     <img src="images/testimonial/5.png" alt="">
                     </a>
                     <div class="testi_rating">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star-o"></i>
                        <i class="fas fa-star-o"></i>
                     </div>
                  </li>
               </ul>
            </div>
         </div>
      </section>
      <!--Testimonial Tabs-->
      <section id="brands" class="row contentRowPad">
         <div class="container">
            <div class="row sectionTitle">
               <h3>our brands</h3>
               <h5>choose best with our favorite brands</h5>
            </div>
            <div class="row brands">
               <ul class="nav navbar-nav">
                  <li><a href="#"><img src="images/brands/1.png" alt=""></a></li>
                  <li><a href="#"><img src="images/brands/2.png" alt=""></a></li>
                  <li><a href="#"><img src="images/brands/3.png" alt=""></a></li>
                  <li><a href="#"><img src="images/brands/4.png" alt=""></a></li>
                  <li><a href="#"><img src="images/brands/5.png" alt=""></a></li>
                  <li><a href="#"><img src="images/brands/2.png" alt=""></a></li>
               </ul>
            </div>
         </div>
      </section>
      <section id="homeBlog">
         <div class="container blog_j">
            <div class="row sectionTitle">
               <h3>Blog Updates</h3>
               <h5>we satisfied more than 700 customers</h5>
            </div>
            <div class="row">
               <div class="col-sm-6">
                  <div class="blog_inner single">
                     <div class="blog_j_img">
                        <img alt="" class="img-responsive"  src="images/blog/blog6.png">
                        <div class="btn_readmore">
                           <a  href="blog.html">Read more</a>
                        </div>
                     </div>
                     <div class="blog_j_text">
                        <p>Discover our unriveled selection of must-have jewelry in timeless styles.
                        </p>
                        <span>December 2017
                        </span>
                     </div>
                  </div>
               </div>
               <div class="col-sm-6">
                  <div class="row">
                     <div class="col-sm-6">
                        <div class="blog_inner">
                           <div class="blog_j_img">
                              <img alt="" class="img-responsive"  src="images/blog/blog1.png">
                              <div class="btn_readmore">
                                 <a  href="blog.html">Read more</a>
                              </div>
                           </div>
                           <div class="blog_j_text">
                              <p>Discover our finely curated collection
                              </p>
                           </div>
                        </div>
                        <div class="blog_inner">
                           <div class="blog_j_img">
                              <img alt="" class="img-responsive"  src="images/blog/blog5.png">
                              <div class="btn_readmore">
                                 <a  href="blog.html">Read more</a>
                              </div>
                           </div>
                           <div class="blog_j_text">
                              <p>Discover our finely curated collection
                              </p>
                           </div>
                        </div>
                     </div>
                     <div class="col-sm-6">
                        <div class="blog_inner">
                           <div class="blog_j_img">
                              <img alt="" class="img-responsive"  src="images/blog/blog7.png">
                              <div class="btn_readmore">
                                 <a  href="blog.html">Read more</a>
                              </div>
                           </div>
                           <div class="blog_j_text">
                              <p>Discover our finely curated collection
                              </p>
                           </div>
                        </div>
                        <div class="blog_inner">
                           <div class="blog_j_img">
                              <img alt="" class="img-responsive"  src="images/blog/blog3.png">
                              <div class="btn_readmore">
                                 <a  href="blog.html">Read more</a>
                              </div>
                           </div>
                           <div class="blog_j_text">
                              <p>Discover our finely curated collection
                              </p>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <footer class="row">
         <div class="row m0 topFooter">
            <div class="container line1">
               <div class="row footFeatures">
                  <div class="col-sm-4 footFeature">
                     <div class="media">
                        <div class="media-left icon"><img src="images/icons/car3.png" alt=""></div>
                        <div class="media-body texts">
                           <h4>free shipping</h4>
                           <h2>International</h2>
                        </div>
                     </div>
                  </div>
                  <div class="col-sm-4 footFeature">
                     <div class="media m0">
                        <div class="media-left icon"><img src="images/icons/tel24-7_2.png" alt=""></div>
                        <div class="media-body texts">
                           <h4>24 hours helpline</h4>
                           <h2>XXX</h2>
                        </div>
                     </div>
                  </div>
                  <div class="col-sm-4 footFeature">
                     <div class="media m0">
                        <div class="media-left icon"><img src="images/icons/shopping-bag2.png" alt=""></div>
                        <div class="media-body texts">
                           <h4>see our</h4>
                           <h2>latest offers</h2>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="container line2">
               <div class="row">
                  <div class="col-sm-3 widget">
                     <div class="row m0">
                        <h4>About D-Shine</h4>
                        <p>We provide the best Quality of products to you.We are always here to help our lovely customers.</p>
                        <ul class="list-inline">
                           <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                           <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                           <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
                           <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                           <li><a href="#"><i class="fab fa-google-plus"></i></a></li>
                        </ul>
                     </div>
                  </div>
                  <div class="col-sm-3 widget">
                     <div class="row m0">
                        <h4>information</h4>
                        <ul class="nav">
                           <li><a href="about.html">About Us</a></li>
                           <li><a href="blog.html">Blog</a></li>
                           <li><a href="#">Careers</a></li>
                           <li><a href="#">Top Brands</a></li>
                        </ul>
                     </div>
                  </div>
                  <div class="col-sm-3 widget">
                     <div class="row m0">
                        <h4>top brands</h4>
                        <ul class="nav">
                           <li><a href="#">Fusce iaculis</a></li>
                           <li><a href="#">Nisl dapibus</a></li>
                           <li><a href="#">Vulputate sapien</a></li>
                           <li><a href="#">Aliquet</a></li>
                           <li><a href="#">Risus feugiat</a></li>
                        </ul>
                     </div>
                  </div>
                  <div class="col-sm-3 widget">
                     <div class="row m0">
                        <h4>subscribe to our latest news</h4>
                        <form action="subscriptionList.php" method="post" role="form">
                           <div class="input-group">
                              <span class="input-group-addon"><i class="fas fa-envelope"></i></span>
                              <input type="email" class="form-control" id="subscribeEmail" name="subscribeEmail" placeholder="EMAIL ADDRESS">
                           </div>
                           <input type="submit" class="form-control" value="Subscribe" id="submit" name="submit">
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="row m0 copyRight">
            <div class="container">
               <div class="row">
                  <div class="fleft">Copyright &copy; 2020.Company name All rights reserved.</div>
                  <ul class="nav nav-pills fright">
                     <li><a href="index.html">Home</a></li>
                     <li><a href="about.html">about</a></li>
                     <li><a href="blog.html">blog</a></li>
                     <li><a href="contact.html">contact</a></li>
                  </ul>
               </div>
            </div>
         </div>
      </footer>
</body>
<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	var h1 = 1;
	var h2 = 800;
	var ss = $(document).scrollTop();
	$(window).scroll(function(){
		var s = $(document).scrollTop();

		if(s< h1){
			$('#header').removeClass('yya');
		}if(s > h1){
			$('#header').addClass('yya');
		}if(s > h2){
			$('#header').addClass('gizle');
			if(s > ss){
				$('#header').removeClass('sabit');
			}else{
				$('#header').addClass('sabit');
			}
			ss = s;
		}


	});
	
});
</script>
<!--jQuery, Bootstrap and other vendor JS-->
      <!--jQuery-->
      <script src="js/jquery-2.1.3.min.js"></script>
      <!--Google Maps-->
      <script src="http://ditu.google.cn/maps/api/js"></script>
      <!--Bootstrap JS-->
      <script src="js/bootstrap.min.js"></script>
      
      <!--Owl Carousel-->
      <script src="vendors/owl.carousel/js/owl.carousel.min.js"></script>
      <!--Isotope-->
      <script src="vendors/isotope/isotope-custom.js"></script>
      <!--FlexSlider-->
      <script src="vendors/flexslider/jquery.flexslider-min.js"></script>
      <!--D-shine JS-->
      <script src="js/d-shine.js"></script>
   <style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>

<script type="text/javascript">
$('.pinpai').click(function () {
    window.location.href="BrandStory.jsp"
})

$('.liwu').click(function () {
    window.location.href="liwu.jsp"
})

$('.duijie').click(function () {
    window.location.href="duijie.jsp"
})

$('.tiyan').click(function () {
    window.location.href="tiyan.jsp"
})
</script>



</html>